<template>
  <div>
    <quill-editor ref="myref" v-model="editorContent" @change="onEditorChange"/>
    <div v-html="editorContent"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      editorContent: '<h2 style="text-align:center;">I AM EXAMPLE</h2>'
    }
  },
  methods: {
    onEditorChange() {
      console.log(this.editorContent)
    }
  }
}
</script>

<style>
  .quill-editor {
    margin: 20px;
  }
</style>
